.root {
  :global {
    .ant-fullcalendar-fullscreen {
      .ant-fullcalendar-column-header {
        text-align: center;
        font-size: 18px;
      }

      .ant-fullcalendar-date {
        height: 70px;
        text-align: center;
        display: flex;
        justify-content: center;
        border: 0;
        margin: 0;
      }

      .ant-fullcalendar-value {
        line-height: 70px;
        height: 100%;
        font-size: 16px;
        position: relative;
        z-index: 10;
      }

      .ant-fullcalendar-header {
        background: #f7f7f7;
        text-align: left;
        padding-left: 16px;
        margin-bottom: 16px;

        .ant-radio-group {
          display: none;
        }
      }

      .ant-fullcalendar-content {
        position: absolute;
        right: 0;
        height: auto;
        text-align: right;
        top: 0;
        bottom: 0;
      }
    }

    .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day {
      .ant-fullcalendar-date {
        background: transparent;
      }

      .ant-fullcalendar-value {
        color: currentColor;
      }
    }
    td.ant-fullcalendar-cell.ant-fullcalendar-last-month-cell,
    td.ant-fullcalendar-cell.ant-fullcalendar-next-month-btn-day{
      visibility: hidden;
    }
  }

  .inRange {
    width: 100%;
    height: 100%;
    background-color: #608EFF;
    color: #FFFFFF;

    div {
      background-color: #608EFF;
      color: #fff !important;
    }
  }
}
